<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

<ui:composition>
	<h:form id="Form">
		<rich:panel header="Please Sign In" styleClass="loginBox">
			<table style="text-align: center; white-space: nowrap;" cellpadding="5" cellspacing="0" border="0">
				<tbody>
					<tr> 
						<td colspan="2">
							<h:graphicImage value="spacer.gif" library="images" height="10"/>
						</td>
					</tr>
					<tr>
						<td align="right" valign="middle">
							<h:outputLabel value="User Name:" />
						</td>
						<td align="left" valign="middle">
							<h:inputText value="#{loginAction.userName}" size="15" required="true" requiredMessage="User Name is required."/>
						</td>
					</tr>
					<tr>
						<td align="right" valign="middle">
							<h:outputLabel value="Password:" />
						</td>
						<td align="left" valign="middle">
							<h:inputText value="#{loginAction.password}" size="15" required="true" requiredMessage="Password is required."/>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<h:link value="Forgot UserName/Password" outcome="/pages/forgotPass"/>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<h:graphicImage value="spacer.gif" library="images" height="10"/>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<a4j:commandButton action="#{loginAction.login}" value="Sign In" />
						</td>
					</tr>
				</tbody>
			</table>	
		</rich:panel>	
	</h:form>			
</ui:composition>

</html>